<template>
	<div id="app">
		<router-view></router-view>
	</div>
</template>
<script>
export default {};
</script>

<style lang="scss">
@import "../static/css/main.css";
@import "../static/css/color-dark.css";

html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#app {
  width: 100%;
}

.tab-warp {
  width: 100%;
  min-width: 1300px;
}
.el-menu--dark {
  background: transparent !important;
}
.el-menu {
  background: transparent !important;
}
.el-submenu__title,
.el-menu-item {
  color: #bfcbd9 !important;
}
.el-submenu__title:hover,
.el-menu-item:focus,
.el-menu-item:hover {
  background-color: #48576a !important;
}
.el-submenu .el-menu {
  background: #282e38 !important;
}
.el-table .cell,
.el-table th > div {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.el-table td,
.el-table th {
  padding: 5px 0;
}

.el-form-item__label {
  font-weight: normal !important;
  font-size: 14px !important;
}
.el-select {
  display: block;
}

</style>
